<!--用户列表-->
<div class="animated fadeIn">
    <div class="row" style="padding-left: 20px">
        <div class="col-md-1.5" style="padding: 0;">
            <select name="name" id="select3" class="form-control" [(ngModel)]="keys" (change)="keyChanges()">
                <option value="">全部</option>
                <option value="1">昵称</option>
                <option value="2">手机号</option>
            </select>
        </div>
        <div class="col-md-3" style="padding: 0;margin-left: 15px">
            <input *ngIf="keys == ''" type="text" class="form-control btn-radius">
            <input *ngIf="keys == 1" type="text" class="form-control btn-radius"
                   [(ngModel)]="nickname">
            <input *ngIf="keys == 2" type="text" class="form-control btn-radius"
                   [(ngModel)]="value">
        </div>

        <!--<span class="text-line" style="padding: 0;margin-left: 15px">审核状态</span>-->
        <!--<div class="col-md-2" style="padding: 0;margin-left: 15px">-->
            <!--<select name="name" id="select1" class="form-control" [(ngModel)]="states">-->
                <!--<option value="">全部</option>-->
                <!--<option value="1">已审核</option>-->
                <!--<option value="2">未审核</option>-->
                <!--<option value="3">已结束</option>-->
            <!--</select>-->
        <!--</div>-->
        <div class="col-md-1">
            <button class="btn btn-radius btn-primary" (click)="getData()">查询</button>
        </div>
    </div>


    <div class="table-responsive" style="margin-top: 20px">
        <table class="table table-center table-bordered table-hover" style="min-width: 0px">
            <thead class="table-inverse">
            <tr class="text-nowrap">
                <td>头像</td>
                <td>昵称</td>
                <td>手机号</td>
                <td>年龄</td>
                <!--<td>行业</td>-->
                <td>注册时间</td>
                <td>操作</td>
            </tr>
            </thead>
            <tbody class="tab-content">
            <tr *ngFor="let item of dataArr let i = index">
                <td>
                    <img src="{{item.avatar}}" alt="">
                </td>
                <td>{{item.nickname}}</td>
                <td>{{item.phonenum}}</td>
                <td>{{item.age}}</td>
                <!--<td>{{item.pression}}</td>-->
                <td>{{item.add_time | date:'yyyy-MM-dd HH:mm:ss'}}</td>
                <td>
                    <a href="javascript:;" [routerLink]="['view', item.openid]">查看</a>
                    <!--<span class="removeBtn" (click)="smallModal.show();deleteitem(item.id)">删除</span>-->
                </td>
            </tr>
            </tbody>
        </table>
        <p *ngIf="isNodata" class="noneData">暂无数据</p>
        <!--分页组件-->

        <div style="float: right">
            <pagination [boundaryLinks]="true" [totalItems]="totalItems" [(ngModel)]="currentPage" itemsPerPage="10"
                        [maxSize]="maxSize" previousText="上一页" nextText="下一页" firstText="首页" lastText="末页"
                        (pageChanged)="pageChanged($event)"></pagination>
        </div>
    </div>


</div>
